<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="fragment/Headfragment::Headfragment">
</head>

<body>

<div class="container-scroller">
    <!-- partial:../../partials/_navbar.html -->
<nav th:replace="fragment/PageHeadfragmeng::PageHeadfragment"></nav>
    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
        <!-- partial:../../partials/_sidebar.html -->
      <nav th:replace="fragment/PageSidebarfragment::PageSidebarfragment"></nav>
        <!-- partial -->
        <div class="main-panel">
            <div class="page-header">
                <h3 class="page-title">
              <span class="page-title-icon bg-gradient-primary text-white mr-2">
                <i class="mdi mdi-home"></i>
              </span>
                    主页
                </h3>
                <nav aria-label="breadcrumb">
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item active" aria-current="page">
                            <span></span>Overview
                            <i class="mdi mdi-alert-circle-outline icon-sm text-primary align-middle"></i>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="col-12 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">基本信息</h4>
                        <p class="card-description">
                            个人信息
                        </p>
                        <form action="/customerService/csUpdate" method="post" class="forms-sample">
                            <div class="form-group">
                                <label for="exampleInputName1">姓名</label>
                                <input type="text" class="form-control" id="exampleInputName1" placeholder="Name" th:value="${session.cs.getRealname()} " name="realname">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputEmail3">Email address</label>
                                <input type="email" class="form-control" id="exampleInputEmail3" placeholder="Email" th:value="${session.cs.getEmail()}" name="email">
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword4">电话号码</label>
                                <input type="text" class="form-control" id="exampleInputPassword4" placeholder="Phone" th:value="${session.cs.getCustomerservicephone()}" name="customerservicephone">
                            </div>
                            <!--                <div class="form-group">-->
                            <!--                  <label for="exampleSelectGender">性别</label>-->
                            <!--                    <select class="form-control" id="exampleSelectGender">-->
                            <!--                      <option>男</option>-->
                            <!--                      <option>女</option>-->
                            <!--                    </select>-->
                            <!--                  </div>-->
                            <div class="form-group">
                                <label for="exampleSelectGroup">所属部门</label>
                                <select th:class="form-control" id="exampleSelectGroup" name="servicegroup" >
                                    <option th:if="${session.cs.getServicegroup()=='售前客服组'}" selected>售前客服组</option>
                                    <option th:if="${session.cs.getServicegroup()!='售前客服组'}">售前客服组</option>

                                    <option th:if="${session.cs.getServicegroup()=='售后客服组'}" selected>售后客服组</option>
                                    <option th:if="${session.cs.getServicegroup()!='售后客服组'}">售后客服组</option>

                                    <option th:if="${session.cs.getServicegroup()=='前端技术支持组'}" selected>前端技术支持组</option>
                                    <option th:if="${session.cs.getServicegroup()!='前端技术支持组'}">前端技术支持组</option>

                                    <option th:if="${session.cs.getServicegroup()=='售中客服组'}" selected>售中客服组</option>
                                    <option th:if="${session.cs.getServicegroup()!='售中客服组'}">售中客服组</option>

                                    <option th:if="${session.cs.getServicegroup()=='监测组'}" selected>监测组</option>
                                    <option th:if="${session.cs.getServicegroup()!='监测组'}">监测组</option>

                                    <option th:if="${session.cs.getServicegroup()=='应急事件响应组'}" selected>应急事件响应组</option>
                                    <option th:if="${session.cs.getServicegroup()!='应急事件响应组'}">应急事件响应组</option>

                                    <option th:if="${session.cs.getServicegroup()=='产品组'}" selected>产品组</option>
                                    <option th:if="${session.cs.getServicegroup()!='产品组'}">产品组</option>

                                    <option th:if="${session.cs.getServicegroup()=='管理组'}" selected>管理组</option>
                                    <option th:if="${session.cs.getServicegroup()!='管理组'}">管理组</option>

                                    <option th:if="${session.cs.getServicegroup()=='核心组'}" selected>核心组</option>
                                    <option th:if="${session.cs.getServicegroup()!='核心组'}">核心组</option>

                                    <option th:if="${session.cs.getServicegroup()=='修理组'}" selected>修理组</option>
                                    <option th:if="${session.cs.getServicegroup()!='修理组'}">修理组</option>

                                    <option th:if="${session.cs.getServicegroup()=='审核组'}" selected>审核组</option>
                                    <option th:if="${session.cs.getServicegroup()!='审核组'}">审核组</option>

                                    <option th:if="${session.cs.getServicegroup()=='检查组'}" selected>检查组</option>
                                    <option th:if="${session.cs.getServicegroup()!='检查组'}">检查组</option>

                                    <option th:if="${session.cs.getServicegroup()=='安全组'}" selected>安全组</option>
                                    <option th:if="${session.cs.getServicegroup()!='安全组'}">安全组</option>

                                    <option th:if="${session.cs.getServicegroup()=='客服组1'}" selected>客服组1</option>
                                    <option th:if="${session.cs.getServicegroup()!='客服组1'}">客服组1</option>

                                    <option th:if="${session.cs.getServicegroup()=='客服组2'}" selected>客服组2</option>
                                    <option th:if="${session.cs.getServicegroup()!='客服组2'}">客服组2</option>

                                    <option th:if="${session.cs.getServicegroup()=='客服组3'}" selected>客服组3</option>
                                    <option th:if="${session.cs.getServicegroup()!='客服组3'}">客服组3</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="exampleSelectGrouprole">担任角色</label>
                                <select th:class="form-control" id="exampleSelectGrouprole" name="servicerole">
                                    <option th:if="${session.cs.getServicerole()=='高级技术支持'}" selected>高级技术支持</option>
                                    <option th:if="${session.cs.getServicerole()!='高级技术支持'}">高级技术支持</option>

                                    <option th:if="${session.cs.getServicerole()=='客服服务'}" selected>客服服务</option>
                                    <option th:if="${session.cs.getServicerole()!='客服服务'}">客服服务</option>

                                    <option th:if="${session.cs.getServicerole()=='高级客户服务'}" selected>高级客户服务</option>
                                    <option th:if="${session.cs.getServicerole()!='高级客户服务'}">高级客户服务</option>

                                    <option th:if="${session.cs.getServicerole()=='技术支持'}" selected>技术支持</option>
                                    <option th:if="${session.cs.getServicerole()!='技术支持'}">技术支持</option>

                                    <option th:if="${session.cs.getServicerole()=='客服角色4'}" selected>客服角色4</option>
                                    <option th:if="${session.cs.getServicerole()!='客服角色4'}">客服角色4</option>

                                    <option th:if="${session.cs.getServicerole()=='客服角色3'}" selected>客服角色3</option>
                                    <option th:if="${session.cs.getServicerole()!='客服角色3'}">客服角色3</option>

                                    <option th:if="${session.cs.getServicerole()=='客服角色2'}" selected>客服角色2</option>
                                    <option th:if="${session.cs.getServicerole()!='客服角色2'}">客服角色2</option>

                                    <option th:if="${session.cs.getServicerole()=='客服角色1'}" selected>客服角色1</option>
                                    <option th:if="${session.cs.getServicerole()!='客服角色1'}">客服角色1</option>

                                    <option th:if="${session.cs.getServicerole()=='咨询'}" selected>咨询</option>
                                    <option th:if="${session.cs.getServicerole()!='咨询'}">咨询</option>

                                    <option th:if="${session.cs.getServicerole()=='客户交流'}" selected>客户交流</option>
                                    <option th:if="${session.cs.getServicerole()!='客户交流'}">客户交流</option>

                                    <option th:if="${session.cs.getServicerole()=='管理人员'}" selected>管理人员</option>
                                    <option th:if="${session.cs.getServicerole()!='管理人员'}">管理人员</option>

                                    <option th:if="${session.cs.getServicerole()=='维修人员'}" selected>维修人员</option>
                                    <option th:if="${session.cs.getServicerole()!='维修人员'}">维修人员</option>

                                    <option th:if="${session.cs.getServicerole()=='监测人员'}" selected>监测人员</option>
                                    <option th:if="${session.cs.getServicerole()!='监测人员'}">监测人员</option>

                                    <option th:if="${session.cs.getServicerole()=='安全人员'}" selected>安全人员</option>
                                    <option th:if="${session.cs.getServicerole()!='安全人员'}">安全人员</option>

                                    <option th:if="${session.cs.getServicerole()=='系统管理员'}" selected>系统管理员</option>
                                    <option th:if="${session.cs.getServicerole()!='系统管理员'}">系统管理员</option>
                                </select>
                            </div>
                            <div class="template-demo" align="center">
                                <button type="submit"  class="btn btn-gradient-danger btn-lg" >确认</button>
                                <a class="btn btn-outline-secondary btn-lg "  href="CustomerSelf" >取消</a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- partial -->
        </div>
        <!-- main-panel ends -->
    </div>
    <!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<!-- plugins:js -->
<script src="vendors/js/vendor.bundle.base.js"></script>
<script src="vendors/js/vendor.bundle.addons.js"></script>
<!-- endinject -->
<!-- Plugin js for this page-->
<!-- End plugin js for this page-->
<!-- inject:js -->
<script src="js/off-canvas.js"></script>
<script src="js/misc.js"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<!-- End custom js for this page-->
</body>

</html>
